<head>
<script>

	var $j = jQuery.noConflict(); 
	jQuery.validator.addMethod( 
	  "selectNone", 
	  function(value, element) { 
	    if (element.value == -1) 
	    { 
	      return false; 
	    } 
	    else return true; 
	  }, 
	  "Seleccione Opci&oacute;n" 
	); 
	jQuery.validator.addMethod(
	"lettersonly",
	function(value, element) {
	return this.optional(element) || /^[A-Za-z \u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i.test(value);
	}, 
	"Solo caracteres Alfabeticos"); 
	
	jQuery.validator.addMethod(
	"unico",
	function(value,element){
		//var msg='';
		var respuesta=false;
		$j.ajax({
			type:"POST",
			url:"clientes/checkCedula",
			data:"cedula="+value,
			dataType:"html",
			async: false,
		success:function(msg)
		{
			if(msg=='false'){
				respuesta=true;
			}
			else{
				respuesta=false;	
			}
		}
		})
	return respuesta;
	},
	'C&eacute;dula ya registrada');
	
$j(document).ready(function(){
 $j("#registroForm").validate({
		rules: 
		{
			"data[User][nombre]": {
				required: true,
				minlength: 5,
				lettersonly: true
			},
			"data[User][username]": {
				required: true,
				minlength: 6,
				maxlength: 8,
				number: true,
				unico:true
			},
			"data[Cliente][mail]":{
				required:true,
				email:true
			},
			"data[User][password]":{
				required:true,
				minlength:5
			},
			"data[User][password_confirm]":{
				required: true,
				minlength: 5,
				equalTo: "#UserPassword"
			},
			"data[Cliente][telefono]":{
				required:true,
				number:true,
				minlength:7,
				maxlength:11
			},
			"data[Cliente][celular]":{
				required:true,
				number:true,
				minlength:11
			},
			"data[Cliente][direccione_id]":{
				selectNone: true
			},
			"data[Cliente][empresa]":{
				required:true
			},
			"data[Cliente][piso]":{
				required:true,
				maxlength:100
			},
			"data[Cliente][oficina]":{
				required:true,
			},
			"data[Cliente][sexo]": {
				selectNone: true
			}	
		},
		messages: { 
         "data[User][nombre]": { 
            required: "Obligatorio",
			minlength: "M&iacute;nimo 5 caracteres",
			lettersonly: "Solo letras"
         }, 
         "data[User][username]": { 
            required: "Obligatorio", 
			minlength: "M&iacute;nimo 6 d&iacute;gitos",
			maxlength: "M&aacute;ximo 8 d&iacute;gitos",
            number: " Num&eacute;rico",
			unico:"C&eacute;dula ya registrada"
         },
		"data[Cliente][mail]":{
			required:"Obligatorio",
			email:"Email inv&aacute;lido"
		},
		"data[User][password]":{
			required:"Obligatorio",
			minlength:"M&iacute;nimo 5 caracteres"
		},
		"data[User][password_confirm]":{
			required:"Obligatorio",
			minlength:"Al menos 5 caracteres",
			equalTo:"La clave no concuerda"
		},
		"data[Cliente][telefono]":{
			required:"Obligatorio",
			number:"Num&eacute;rico",
			minlength:"M&iacute;nimo 7 d&iacute;gitos",
			maxlength:"Maximo 11 d&iacute;gitos"
		},
		"data[Cliente][celular]":{
			required:"Obligatorio",
			number:"Num&eacute;rico",
			minlength:"Debe ingresar 11 d&iacute;gitos"
		},
		"data[Cliente][direccione_id]":{
			selectNone: "Obligatorio"
		},
		"data[Cliente][empresa]":{
			required:"Obligatorio"
		},
		"data[Cliente][piso]":{
			required:"Obligatorio"
		},
		"data[Cliente][oficina]":{
			required:"Obligatorio"
		},
		"data[Cliente][sexo]": {
			selectNone: "Obligatorio"
		}	
      }      
	});
var options={
	target:'#formCliente',
	beforeSubmit: function(formData, jqForm,options)
	{},
	success: function(responseText, statusText, xhr, $jform)
	{}	
	}
	
	$j('#clickregistro').live("click",function(){
		var isValid=jQuery('#registroForm').valid();
		if(isValid==true){
			$j('#registroForm').ajaxForm(options);
			$j("#spinner").show();
            $j("#formCliente").hide();
		}
	});
	$j("#spinner").bind("ajaxSend", function() {
                  $j(this).show();
          }).bind("ajaxStop", function() {
                  $j(this).hide();
          }).bind("ajaxError", function() {
                  $j(this).hide();
          });
	
})
</script>
</head>
<div id="spinner" class="spinner" style="display:none; margin-left:150px;">
	</br></br>
	<img id="img-spinner" src="img/spinner.gif" alt="Loading"/>
</div>
<div id="formCliente" class="formularioregistro">
	<?php 
		if (isset($closeModalbox) && $closeModalbox) echo "<div id='closeModalbox'></div>";
		if ($ajax->isAjax()) {
			echo $ajax->form('cliente','post', array(
				'model'    => 'Cliente',
				'url'      => array('controller' => 'clientes', 'action' => 'add'),
				'update'   => 'MB_content',
				'id' 	=>	'registroForm'
				));
		} 
		else{
			echo $form->create('Cliente',array('action'=>'add','id'=>'registroForm'));
		}
	?>
	<div id="textoregistro" class="textoregistro">
		
	</div>

	<div id="registrocliente" class="registrocliente">
    
	
	<div id="nombreadd" class="nombreadd">
		<?php 
			echo "Nombre y Apellido";	
			echo $form->input('User.nombre',array('class'=>'entrada2','label'=>''));		
		?>
	</div>
	<div id="cedulaadd" class="cedulaadd">
		<?php
			echo "C&eacute;dula";
			echo $form->input('User.username',array('label'=>'','class'=>'entrada4'));
		?>
	</div>
	<div id"="emailadd" class="emailadd">
		<?php
			echo "E-mail";
			echo $form->input('Cliente.mail',array('label'=>'','class'=>'entrada7'));
		?>
	</div>
	<div id="claveadd" class="claveadd">
		<?php
			echo "Clave";
			echo $form->input('User.password',array('label'=>'','class'=>'entrada5'));
		?>
	</div>
	<div id="claveconfadd" class="claveconfadd">
		<?php
			echo "Confirmar Clave";
			echo $form->input('User.password_confirm',array('type'=>'password','class'=>'entrada6','label'=>'')); 
		?>
	</div>
	<?php echo $form->input('User.admin',array('type'=>'hidden','value'=>'0')); ?>
	<div id="telefonoadd" class="telefonoadd">
		<?php
			echo "Telf Ofic/Hab.";
			echo $form->input('Cliente.telefono',array('label'=>'','class'=>'entrada8'));
		?>
	</div>
	<div id="celularadd" class="celularadd">
		<?php
			echo "Celular";
			echo $form->input('Cliente.celular',array('label'=>'','class'=>'entrada9'));
		?>
	</div>
	<div id="direccionadd" class="direccionadd">
		<?php
			echo "Direcci&oacute;n de Entrega";
			$torres[-1]='----------------Seleccione----------------';
			$i=1;
			foreach($direcciones as $direccione)
			{
				$torres[$i]=$direccione;
				$i++;
			}
			echo $form->input('Cliente.direccione_id',array('label'=>'','class'=>'entrada10','options'=>$torres)); 
			//echo $form->input('Cliente.direccione_id',array('label'=>'','class'=>'entrada10','selected'=>'')); 
		?>
	</div>
	<div id="empresaadd" class="empresaadd">
		<?php
			echo "Compa&ntilde;ia";
			echo $form->input('Cliente.empresa',array('label'=>'','class'=>'entrada11'));
		?>
	</div>
	<div id="pisoadd" class="pisoadd">
		<?php
			echo "Piso";
			echo $form->input('Cliente.piso',array('label'=>'','class'=>'entrada12'));
		?>
	</div>
	<div id="oficinadd" class="oficinadd">
		<?php
			echo "Oficina / Local";
			echo $form->input('Cliente.oficina',array('label'=>'','class'=>'entrada13'));
		?>
	</div>
	<div id="sexoadd" class="sexoadd">
		<?php
			echo "Sexo";
		?>
		<div id="optionsexo" class="optionsexo">
			<?php
			$attributes=array('-1'=>'----------------Seleccione----------------','Masculino'=>'Masculino','Femenino'=>'Femenino');
			echo $form->input('Cliente.sexo',array('class'=>'entrada13','options'=>$attributes,'label'=>''));
			?>
		</div>	
		
	</div>
	<div id="textosolicitud" class="textosolicitud">
	<?php	
		echo $form->checkbox('Cliente.recibirmail',array('class'=>'entrada14','checked'=>'checked'));
		echo "<br/>Quiero recibir por mail el men&uacute;";
	?>
	</div>
	<?php
		echo $form->button('Registrarse', array('type'=>'submit','class'=> 'botonregistro','escape'=>false,'id'=>'clickregistro'));
		echo $form->end();
	?>
	</div>
</div>